<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>danceWeui框架</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<meta content="telephone=no" name="format-detection">
	<link rel="stylesheet" href="../../css/weui.min.css">
	<link rel="stylesheet" href="../../css/danceWeui.css">
	<link rel="stylesheet" href="../../../iconfont/iconfont.css">
</head>
<body class="body__bg">

<div class="daui-navbar bg-gradual-blue">
	<div class="daui-navbar__hd">
		<a href="javascript:history.back(-1)"><i class="iconfontzz icon-fanhuijiantou"></i>返回</a>
	</div>
	<div class="daui-navbar__bd">信息页</div>
	<div class="daui-navbar__hd">
		<a href="../index.html"><i class="iconfontzz icon-home"></i></a>
	</div>
</div>

<div class="daui-headline daui-headline_left">
	<div class="daui-headline__text-area">
		<h2 class="daui-headline__title">信息页 Infomsg</h2>
		<p class="daui-headline__desc">信息提示页面，可以展示图标、文字</p>
	</div>
</div>

<div class="weui-cells__title">默认图标</div>

<div class="daui-infomsg">
	<div class="daui-infomsg__icon-area"><span class="iconfontzz icon-roundcheckfill daui-iconfont_msg daui-iconfont_success"></span></div>
	<div class="daui-infomsg__text-area">
		<h2 class="daui-infomsg__title">操作成功</h2>
		<div class="daui-infomsg__desc">内容详情，可根据实际需要安排，如果换行则不超过规定长度，居中展现<a href="javascript:void(0);">文字链接</a></div>
	</div>
	<div class="daui-infomsg__opr-area">
		<div class="daui-buttonbar">
			<a href="javascript:;" class="weui-btn weui-btn_primary">推荐操作</a>
			<a href="javascript:;" class="weui-btn weui-btn_default">辅助操作</a>
		</div>
	</div>
	<div class="daui-infomsg__tips-area">
		<p class="daui-infomsg__tips">提示详情，可根据实际需要安排，如果换行则不超过规定长度，居中展现<a href="javascript:" class="daui-infomsg__link">文字链接</a></p>
	</div>
	<div class="daui-infomsg__extra-area">
		额外信息
	</div>
</div>

<div class="daui-infomsg">
	<div class="daui-infomsg__icon-area"><span class="iconfontzz icon-roundclosefill daui-iconfont_msg daui-iconfont_danger"></span></div>
	<div class="daui-infomsg__text-area">
		<h2 class="daui-infomsg__title">操作失败</h2>
		<div class="daui-infomsg__desc">内容详情，可根据实际需要安排，如果换行则不超过规定长度，居中展现<a href="javascript:void(0);">文字链接</a></div>
	</div>
	<div class="daui-infomsg__opr-area">
		<div class="daui-buttonbar">
			<a href="javascript:;" class="weui-btn weui-btn_primary">推荐操作</a>
			<a href="javascript:;" class="weui-btn weui-btn_default">辅助操作</a>
		</div>
	</div>
</div>

<div class="daui-infomsg">
	<div class="daui-infomsg__icon-area"><span class="iconfontzz icon-infofill daui-iconfont_msg daui-iconfont_info"></span></div>
	<div class="daui-infomsg__text-area">
		<h2 class="daui-infomsg__title">提示页</h2>
		<div class="daui-infomsg__desc">内容详情，可根据实际需要安排，如果换行则不超过规定长度，居中展现<a href="javascript:void(0);">文字链接</a></div>
	</div>
	<div class="daui-infomsg__opr-area">
		<div class="daui-buttonbar">
			<a href="javascript:;" class="weui-btn weui-btn_primary">推荐操作</a>
			<a href="javascript:;" class="weui-btn weui-btn_default">辅助操作</a>
		</div>
	</div>
</div>

<div class="weui-cells__title">自定义图标</div>
<div class="daui-infomsg daui-infomsg_custom-success">
	<div class="daui-infomsg__icon-area"><span class="daui-infomsg__img"></span></div>
	<div class="daui-infomsg__text-area">
		<h2 class="daui-infomsg__title">提交成功</h2>
		<div class="daui-infomsg__desc">问卷已经提交成功，感谢您的参与！</div>
	</div>
	<div class="daui-infomsg__opr-area">
		<div class="daui-buttonbar btn-group">
			<a href="javascript:;" class="weui-btn weui-btn_primary">推荐操作</a>
			<a href="javascript:;" class="weui-btn weui-btn_default">辅助操作</a>
		</div>
	</div>
</div>

<div class="daui-infomsg daui-infomsg_custom-fail">
	<div class="daui-infomsg__icon-area"><span class="daui-infomsg__img"></span></div>
	<div class="daui-infomsg__text-area">
		<h2 class="daui-infomsg__title">提交失败</h2>
		<div class="daui-infomsg__desc">很遗憾，您的成绩未通过，转发分享获得额外机会</div>
	</div>
	<div class="daui-infomsg__opr-area">
		<div class="daui-buttonbar btn-group">
			<a href="javascript:;" class="weui-btn weui-btn_primary">推荐操作</a>
			<a href="javascript:;" class="weui-btn weui-btn_default">辅助操作</a>
		</div>
	</div>
</div>

<div class="daui-gap daui-gap_transparent"></div>
<div class="daui-footer">
	<div class="daui-footer__links">
		<a class="daui-footer__links-item" href="../index.html">DanceWeUI首页</a>
		<a class="daui-footer__links-item" href="https://gitee.com/lianlianzan/danceui" target="_blank">去码云下载</a>
	</div>
	<div class="daui-footer__text">Copyright &copy; DanceUI</div>
</div>

</body>
</html>